@import "../../lib/colors.less";
@font-face {
  font-family: 'iconfont';  /* project id 1117888 */
  src: url('//at.alicdn.com/t/font_1117888_68itsfbh11.eot');
  src: url('//at.alicdn.com/t/font_1117888_68itsfbh11.eot?#iefix') format('embedded-opentype'),
  url('//at.alicdn.com/t/font_1117888_68itsfbh11.woff2') format('woff2'),
  url('//at.alicdn.com/t/font_1117888_68itsfbh11.woff') format('woff'),
  url('//at.alicdn.com/t/font_1117888_68itsfbh11.ttf') format('truetype'),
  url('//at.alicdn.com/t/font_1117888_68itsfbh11.svg#iconfont') format('svg');
}
.detail{
  .pro-detail-carousel{
    width: 100%;
    height: 375px !important;
    touch-action: none;
    .slider-frame{
      ul{
        height: 375px !important;
      }
    }
    img{
      width: 100%;
      height: 100%;
    }
  }
  .main-info{
    background-color: @back2;
    .price{
      height: 35px;
      line-height: 35px;
      font-size: 20px;
      color: @pprice;

    }
    .name{
      height: 30px;
      line-height: 30px;
      color: @pname;
      font-size: 16px;
      font-weight: bold;
    }
    span{
      display: inline-block;
      height:20px ;
      line-height: 20px;
      color: @pinfo;
    }
  }
  .view-detail{
    height: 1200px;
    margin-top: 5px;
    background-color: @back2;
  }
}
.bottom{
  position: fixed;
  bottom: 0;
  background-color: #f9f9f9;
  width: 100%;
  height: 40px;
  display: flex;
  line-height: 40px;
  //.am-badge{
  //  flex: 1.5;
  //}
  //.love{
  //  flex: 1.5;
  //}
  .love,.cart{
    flex: 1.5;
    text-align: center;
    height: 32px;
    line-height: 32px;
    font-size: 26px;
    font-family: 'iconfont';
    color: #BBBBBB;
    &.active{
      color: @primary;
    }
  }
  .am-badge-text{
    background-color: @primary;
  }
  .button{
    flex: 3;
    border-radius: 5px;
    color: @back2;
    font-size: 18px;
    text-align: center;
    //font-weight: bold;
  }
  .addcart{
    background-color: #F84E67;
  }
  .buyNow{
    background-color: @primary;
  }
}
